<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ page language="java" contentType="text/html; charset=utf-8"
         pageEncoding="utf-8" %>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>商品列表页</title>

</head>
<body>
<%@ include file="header.jsp" %>


<div class="panel panel-default" style="margin: 0 auto;width: 95%;">
    <div class="panel-heading">
        <h3 class="panel-title"><span class="glyphicon glyphicon-th-list"></span>&nbsp;&nbsp;商品列表</h3>
    </div>
    <div class="panel-body">
        <!--列表开始-->
        <div class="row" style="margin: 0 auto;">
            <c:forEach items="${map.glist}" var="g" varStatus="i">
                <div class="col-sm-3">
                    <div class="thumbnail">
                        <img src="${pageContext.request.contextPath}/${g.pimage}" width="180" height="180" alt="小米6"/>
                        <div class="caption">
                            <h4>商品名称<a href="${pageContext.request.contextPath}/pro?type=getGoodsById&id=${g.pid}">${g.pname}</a>
                            </h4>
                            <p>热销指数
                                <c:forEach begin="1" end="${g.pstate}">
                                    <img src="image/star_red.gif" alt="star"/>
                                </c:forEach>
                            </p>
                            <p>上架日期:${g.ptime}</p>
                            <p style="color:orange">价格:${g.pprice}</p>
                        </div>
                    </div>
                </div>
            </c:forEach>
            <div style="clear: both"></div>
                  <div class="text-center">
                      <nav aria-label="Page navigation">
                          <ul class="pagination pagination-lg">
                              <li>
                                  <a href="${pageContext.request.contextPath}/pro?type=getProductByTid&typeid=${map.glist[0].tid}&pageIndex=1" aria-label="Previous">
                                      首页
                                  </a>
                              </li>
                              <li>
                                  <a href="${pageContext.request.contextPath}/pro?type=getProductByTid&typeid=${map.glist[0].tid}&pageIndex=${map.ph.pageIndex-1}" aria-label="Previous">
                                      <span aria-hidden="true">&laquo;</span>
                                  </a>
                              </li>
                              <c:forEach begin="1" end="${map.ph.totalPages}" varStatus="i">
                                  <li <c:if test="${map.ph.pageIndex==i.count}">class="active"</c:if>>
                                      <a href="${pageContext.request.contextPath}/pro?type=getProductByTid&typeid=${map.glist[0].tid}&pageIndex=${i.count}">${i.count}</a>
                                  </li>
                              </c:forEach>
                              <li >
                                  <a href="${pageContext.request.contextPath}/pro?type=getProductByTid&typeid=${map.glist[0].tid}&pageIndex=${map.ph.pageIndex+1}" aria-label="Next">
                                      <span aria-hidden="true">&raquo;</span>
                                  </a>
                              </li>
                              <li>
                                  <a href="${pageContext.request.contextPath}/pro?type=getProductByTid&typeid=${map.glist[0].tid}&pageIndex=${map.ph.totalPages}" aria-label="Next">
                                      尾页
                                  </a>
                              </li>
                          </ul>
                      </nav>
                  </div>
        </div>
    </div>
</div>
<!-- 底部 -->
<%@ include file="footer.jsp" %>
</body>
</html>